.input {
  border: 3px solid #adfff0;
}
.show {
  opacity: 1;
  animation: show-item 1s ease-in forwards;
}
.hide {
  opacity: 0;
  animation: hide-item 1s ease-in forwards;
}
@keyframes hide-item {
  0% {
    opacity: 1;
    color: coral;
  }
  50% {
    opacity: 0.5;
    color: aquamarine;
  }
  100% {
    opacity: 0;
    color: dodgerblue;
  }
}
@keyframes show-item {
  0% {
    opacity: 0;
    color: coral;
  }
  50% {
    opacity: 0.5;
    color: aquamarine;
  }
  100% {
    opacity: 1;
    color: dodgerblue;
  }
}
.boss-text-enter {
  opacity: 0;
}
.boss-text-active {
  opacity: 1;
  transition: opacity 2000ms;
}
.boss-text-done {
  opacity: 1;
}
.boss-text-exit {
  opacity: 1;
}
.boss-text-exit-active {
  opacity: 0;
  transition: opacity 2000ms;
}
.boss-text-exit-done {
  opacity: 0;
}
